<template>
    <b-container fluid>
        <b-row>
            <b-col>
                <div class="widget-box">
                    <div class="widget-title">
                        <span class="icon"><i class="icon icon-glass"></i></span>
                        <h5>This a Title</h5>
                        <span class="label">
                            <b-badge variant="success">4</b-badge>
                            |
                            <b-link href="#"><b-badge variant="primary">Link1</b-badge></b-link>
                        </span>
                    </div>
                    <div class="widget-content">
                        padding.
                    </div>
                </div>
            </b-col>
        </b-row>
        <b-row>
            <b-col>
                <div class="widget-box">
                    <div class="widget-title">
                        <span class="icon"><i class="icon icon-fullscreen"></i></span>
                        <h5>This a Title</h5>
                        <span class="label">
                            <b-badge variant="success">4</b-badge>
                            |
                            <b-badge pill variant="primary">Primary</b-badge>
                        </span>
                    </div>
                    <div class="widget-content">
                        padding.
                    </div>
                </div>
            </b-col>
            <b-col>
                <div class="widget-box">
                    <div class="widget-title">
                        <span class="icon"><i class="icon-comment"></i></span>
                        <h5>This a Title</h5>
                        <span class="label">
                            <b-link href="#"><b-badge variant="primary">Link1</b-badge></b-link>
                            |
                            <b-link href="#"><b-badge variant="success">Link2</b-badge></b-link>
                        </span>
                    </div>
                    <div class="widget-content no-padding">
                        no-padding.
                    </div>
                </div>
            </b-col>
        </b-row>
    </b-container>
</template>